<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="static/css/pager.css">
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/teacher-appointment.css"/>
    <title>我的评价</title>
    <style>
        /*容器*/
        .xzw_starSys{display: inline-block;vertical-align: middle;}
        .xzw_starBox{position:relative;width:150px;}
        /*极速秒评*/
        .xzw_starSys .description{clear:both;padding:10px 0px}
        .xzw_starSys .star{height:25px;width:150px;position:relative;background:url(static/img/lanrentuku.png) repeat-x;cursor:pointer}
        .xzw_starSys .star li{float:left;padding:0px;margin:0px}
        .xzw_starSys .star li a{display:block;width:30px;height:25px;overflow:hidden;text-indent:-9999px;position:absolute;z-index:5}
        .xzw_starSys .star li a:hover{background:url(static/img/lanrentuku.png) 0 -30px repeat-x;z-index:3;left:0}
        .xzw_starSys .star a.one-star{left:0}
        .xzw_starSys .star a.one-star:hover{width:30px}
        .xzw_starSys .star a.two-stars{left:30px}
        .xzw_starSys .star a.two-stars:hover{width:60px}
        .xzw_starSys .star a.three-stars{left:60px}
        .xzw_starSys .star a.three-stars:hover{width:90px}
        .xzw_starSys .star a.four-stars{left:90px}
        .xzw_starSys .star a.four-stars:hover{width:120px}
        .xzw_starSys .star a.five-stars{left:120px}
        .xzw_starSys .star a.five-stars:hover{width:150px}
        .xzw_starSys .current-rating{background:url(static/img/lanrentuku.png) 0 -30px repeat-x;position:absolute;height:25px;z-index:1;top:0;left:0}
        .ewe-left{
            display: inline-block;
        }

    </style>
</head>

<body>
<div class="heading">
    <div class="phone">全国热线 : 400-200-300</div>
    <div class="is-login">
        <img src="static/img/teacher-heading.png" alt="">
        <span class="name">linhanyueV1</span>
        <span>退出登录</span>
    </div>
</div>
<div class="banner">
    <div class="banner-contain w12">
        <div class="item">
            <p>
                <span>实力教学团队</span>
                <br>
                <span>打造最适合学生的教学</span>
            </p>
        </div>
        <div class="item">
            <p>
                <span>分层次一对一教学</span>
                <br>
                <span>满足不同程度学生需求</span>
            </p>
        </div>
        <div class="item">
            <p>
                <span>分科全面</span>
                <br>
                <span>针对性的对学生进行辅导</span>
            </p>
        </div>
    </div>
</div>
<div class="nav">
    <div class="nav-contain w12">
        <div class="nav-item">首页</div>
        <div class="nav-item">找家教</div>
        <div class="nav-item">做家教</div>
        <div class="nav-item">教员库</div>
        <div class="nav-item">家教小班</div>
        <div class="nav-item">专业老师</div>
        <div class="nav-item">大学生家教</div>
        <div class="nav-item">请家教信息</div>
        <div class="nav-item">家教课堂</div>
    </div>
</div>
<div class="center-wrapper">
    <div class="center-contain w12">
        <div class="center-contain-left">
            <div class="center-nav-title">
                <p>PERSONAL CENTER</p>
                <p>个人中心</p>
            </div>
            <ul>
                <li>会员中心</li>
                <li>账户充值</li>
                <li>交易明细</li>
                <li>我的预约</li>
                <li>我的家教</li>
                <li>学生信息</li>
                <li>家长信息</li>
                <li>密码修改</li>
                <li class="active">我的评价</li>
            </ul>
        </div>
        <div class="center-contain-right">
            <div class="center-contain-right-title">我的评价</div>
            <div class="evaluate-mod-1">
                <h3 class="em-fu-tit">
                    待评价
                </h3>
                <div class="evaluate-title">
                    <div class="grid__col grid__col--3-of-12 evaluate-item">
                        <p>教员编号</p>
                    </div>
                    <div class="grid__col grid__col--3-of-12 evaluate-item">
                        <p>姓名&性别</p>
                    </div>
                    <div class="grid__col grid__col--3-of-12 evaluate-item">
                        <p>教授课程</p>
                    </div>
                    <div class="grid__col grid__col--3-of-12 evaluate-item">
                        <p>上课时间</p>
                    </div>
                </div>
                <div class="evaluate-detail">
                    <div class="grid__col grid__col--3-of-12 evaluate-other">
                        <p>T001234</p>
                    </div>
                    <div class="grid__col grid__col--3-of-12 evaluate-other">
                        <p>
                            周教员 <span><img src="static/img/boy.png" alt=""></span>
                        </p>
                        <div class="is-prove">
                            已认证
                        </div>
                    </div>
                    <div class="grid__col grid__col--3-of-12 evaluate-other">
                        <p>高一物理</p>
                    </div>
                    <div class="grid__col grid__col--3-of-12 evaluate-other">
                        <p>每周六下午3点至5点</p>
                    </div>

                    <div class="eva-word">
                        <div class="ew-each">
                            <span class="ewe-left">准确程度:</span>
                            <!--<span><img src="static/img/light-star.png" alt=""></span>-->
                            <!--<span><img src="static/img/light-star.png" alt=""></span>-->
                            <!--<span><img src="static/img/light-star.png" alt=""></span>-->
                            <!--<span><img src="static/img/light-star.png" alt=""></span>-->
                            <!--<span><img src="static/img/dark-star.png" alt=""></span>-->
                            <div class="xzw_starSys">
                                <div class="xzw_starBox">
                                    <ul class="star stars">
                                        <li><a href="javascript:void(0)" title="1" class="one-star">1</a></li>
                                        <li><a href="javascript:void(0)" title="2" class="two-stars">2</a></li>
                                        <li><a href="javascript:void(0)" title="3" class="three-stars">3</a></li>
                                        <li><a href="javascript:void(0)" title="4" class="four-stars">4</a></li>
                                        <li><a href="javascript:void(0)" title="5" class="five-stars">5</a></li>
                                    </ul>
                                    <div class="current-rating showb"></div>
                                </div>
                            </div>
                        </div>
                        <div class="ew-each">
                            <span class="ewe-left">上课态度:</span>
                            <div class="xzw_starSys" id="star-1">
                                <div class="xzw_starBox">
                                    <ul class="star stars">
                                        <li><a href="javascript:void(0)" title="1" class="one-star">1</a></li>
                                        <li><a href="javascript:void(0)" title="2" class="two-stars">2</a></li>
                                        <li><a href="javascript:void(0)" title="3" class="three-stars">3</a></li>
                                        <li><a href="javascript:void(0)" title="4" class="four-stars">4</a></li>
                                        <li><a href="javascript:void(0)" title="5" class="five-stars">5</a></li>
                                    </ul>
                                    <div class="current-rating showb"></div>
                                </div>
                            </div>
                        </div>
                        <div class="ew-each">
                            <span class="ewe-left">教学方法:</span>
                            <div class="xzw_starSys" id="star-2">
                                <div class="xzw_starBox">
                                    <ul class="star stars">
                                        <li><a href="javascript:void(0)" title="1" class="one-star">1</a></li>
                                        <li><a href="javascript:void(0)" title="2" class="two-stars">2</a></li>
                                        <li><a href="javascript:void(0)" title="3" class="three-stars">3</a></li>
                                        <li><a href="javascript:void(0)" title="4" class="four-stars">4</a></li>
                                        <li><a href="javascript:void(0)" title="5" class="five-stars">5</a></li>
                                    </ul>
                                    <div class="current-rating showb"></div>
                                </div>
                            </div>
                        </div>
                        <div class="ew-each">
                            <span class="ewe-left">语言表达能力:</span>
                            <div class="xzw_starSys" id="star-3">
                                <div class="xzw_starBox">
                                    <ul class="star stars">
                                        <li><a href="javascript:void(0)" title="1" class="one-star">1</a></li>
                                        <li><a href="javascript:void(0)" title="2" class="two-stars">2</a></li>
                                        <li><a href="javascript:void(0)" title="3" class="three-stars">3</a></li>
                                        <li><a href="javascript:void(0)" title="4" class="four-stars">4</a></li>
                                        <li><a href="javascript:void(0)" title="5" class="five-stars">5</a></li>
                                    </ul>
                                    <div class="current-rating showb"></div>
                                </div>
                            </div>
                        </div>
                        <div class="ew-each">
                            <span class="ewe-left">成绩提升帮助:</span>
                            <div class="xzw_starSys" id="star-4">
                                <div class="xzw_starBox">
                                    <ul class="star stars">
                                        <li><a href="javascript:void(0)" title="1" class="one-star">1</a></li>
                                        <li><a href="javascript:void(0)" title="2" class="two-stars">2</a></li>
                                        <li><a href="javascript:void(0)" title="3" class="three-stars">3</a></li>
                                        <li><a href="javascript:void(0)" title="4" class="four-stars">4</a></li>
                                        <li><a href="javascript:void(0)" title="5" class="five-stars">5</a></li>
                                    </ul>
                                    <div class="current-rating showb"></div>
                                </div>
                            </div>
                        </div>
                        <div class="ew-each">
                            <span class="ewe-left">评语:</span>
                            <span class="ewe-area"><textarea name=""></textarea></span>
                        </div>
                        <button class="ew-btn">提交</button>
                    </div>
                </div>
            </div>
            <div class="evaluate-mod-1" style="border-top:1px solid #e6e6e6">
                <h3 class="em-fu-tit">
                    已完成的评价
                </h3>
                <div class="transaction-detail transaction-detail-first">
                    <div class="grid__col grid__col--2-of-12 transaction-other">
                        <p>教员编号</p>
                    </div>
                    <div class="grid__col grid__col--2-of-12 transaction-other">
                        <p>姓名&性别</p>
                    </div>
                    <div class="grid__col grid__col--2-of-12 transaction-other">
                        <p>目前身份</p>
                    </div>
                    <div class="grid__col grid__col--2-of-12 transaction-other">
                        <p>教授课程</p>
                    </div>
                    <div class="grid__col grid__col--3-of-12 transaction-other">
                        <p>上课时间</p>
                    </div>
                    <div class="grid__col grid__col--1-of-12 transaction-other">
                        <p>评语</p>
                    </div>
                </div>
                <div class="my-out-box">
                    <div class="transaction-detail no-border">
                        <div class="transaction-other grid__col grid__col--2-of-12">
                            <p>TOO1234</p>
                        </div>
                        <div class="transaction-other grid__col grid__col--2-of-12">
                            <p>
                                周教员 <span><img src="static/img/boy.png" alt=""></span>
                            </p>
                            <div class="is-prove">
                                已认证
                            </div>
                        </div>
                        <div class="transaction-other item-3 grid__col grid__col--2-of-12">
                            <p>东南大学、在读硕士生，物理学专业</p>
                        </div>
                        <div class="transaction-other item-3 grid__col grid__col--2-of-12">
                            <p>高一物理</p>
                        </div>
                        <div class="transaction-other grid__col grid__col--3-of-12">
                            <p>每周六下午3点至5点</p>
                        </div>
                        <div class="transaction-other grid__col grid__col--1-of-12">
                            <p class="to-comment">4.5<span><img src="static/img/arrow.png" alt=""></span></p>
                        </div>
                    </div>
                    <div class="my-comment active">
                        <div class="lesson-first">
                            <div class="transaction-other grid__col grid__col--2-of-12">
                                <p class="mc-start">课程开始</p>
                            </div>
                            <div class="transaction-other grid__col grid__col--2-of-12">
                                <p>
                                    2017-8-05
                                </p>
                            </div>
                            <div class="transaction-other item-3 grid__col grid__col--2-of-12">
                                <p>评分4.5</p>
                            </div>
                            <div class="transaction-other item-3 grid__col grid__col--6-of-12">
                                <p class="true-comment"><span class="mc-tit">评语:</span><span class="mc-content">老师上课生动活泼，孩子很喜欢这个老师的课，就是有点太简单了。</span>
                                </p>
                            </div>
                        </div>
                        <div class="lesson-second">
                            <div class="transaction-other grid__col grid__col--2-of-12">
                                <p class="mc-start">课程结束</p>
                            </div>
                            <div class="transaction-other grid__col grid__col--2-of-12">
                                <p>
                                    2017-8-05
                                </p>
                            </div>
                            <div class="transaction-other item-3 grid__col grid__col--2-of-12">
                                <p>评分4.5</p>
                            </div>
                            <div class="transaction-other item-3 grid__col grid__col--6-of-12">
                                <p class="true-comment">
                                    <span class="mc-tit">评语:</span>
                                    <span class="mc-content">老师上课生动活泼，孩子很喜欢这个老师的课，就是有点太简单了。</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="pages">
                    <ul class="pagination" id="page"></ul>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="foot">
    <div class="company-info">
        <div class="info-contain w12">
            <div class="info-link">
                <span>首页</span>
                <span>找家教</span>
                <span>做家教</span>
                <span>教员库</span>
                <span>家教小班</span>
                <span>专业老师</span>
                <span>大学生家教</span>
                <span>请家教信息</span>
                <span>家教课堂</span>
            </div>
            <div class="info-link">反馈意见:123456@qq.com</div>
            <div class="info-link">客服电话:400-817-817</div>
            <div class="info-link">工作时间:周一至周五 9:00-19:00</div>
        </div>
    </div>
    <div class="copyright">
        Copyright © 1991-2018
    </div>
</div>
</body>
<script src='static/js/jquery.js'></script>
<script src='static/js/pager.js'></script>
<script>
    Page({
        num: 6, //页码数
        startnum: 1, //指定页码
        elem: $('#page'), //指定的元素
        callback: function (n) { //回调函数
            console.log(n);
        }
    });
</script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/star.js" type="text/javascript"></script>
</html>